.homePagePanoramicMonitoringPageLayerComponentTimeAxisComponentProgressComponent {
    @top: 3px;
    width: 100%;
    padding-top: @top ;
    display: flex;

    .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponentProgressComponent-content {
        box-sizing: content-box;
        width: calc(100% - 2 * 10px);
        margin: 0 10px;
        position: relative;
        top: -@top;

        .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponentProgressComponent-content__tooltip {
            width: 64px;
            height: 28px;
            background-image: url("../../../../../../../../../../assets/image/panoramicMonitoringPage-timeAxisComponent-tooltip.png");
            background-size: cover;
            position: absolute;
            top: -32px;
            font-size: 14px;
            font-weight: 400;
            color: #FFFFFF;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .homePagePanoramicMonitoringPageLayerComponentTimeAxisComponentProgressComponent-content__axis {
            display: flex;
            position: relative;
            top: 5px;

            .content-axis__scale {
                width: calc(100% / 24);

                .axis-scale__line {
                    width: 1px;
                    height: 9px;
                    background-color: #1890FF;
                }

                .axis-scale__value {
                    font-size: 12px;
                    font-weight: 400;
                    color: rgba(0, 0, 0, 0.65);
                    position: relative;
                    top: -2px;
                    left: -5px;
                }
            }
        }

        :global {

            // 进度条
            .ant-slider {
                margin: 0;
                position: relative;
            }

            // 进度条轨道
            .ant-slider-horizontal .ant-slider-rail,
            .ant-slider-horizontal .ant-slider-track,
            .ant-slider-horizontal .ant-slider-tracks {
                height: 12px;

            }

            // 进度条总轨道
            .ant-slider .ant-slider-rail {
                background-color: #E6F7FF;
                border-radius: 6px;
            }

            // 进度条当前轨道
            .ant-slider .ant-slider-track {
                background-color: #1890FF;
                border-radius: 6px 0 0 6px;
            }

            // 进度条手柄
            .ant-slider .ant-slider-handle::after,
            .ant-slider .ant-slider-handle:hover::after,
            .ant-slider .ant-slider-handle:active::after,
            .ant-slider .ant-slider-handle:focus::after {
                width: 18px;
                height: 18px;
                border: 4px solid #1890FF;
                box-shadow: none;
                top: 0;
                left: -4px;
            }
        }
    }

}